/**
 *  URI: {WEBROOT}/www/Yz/styles/admin.css
 *
 */
html { margin: 0; padding: 0; background: white; }
body { margin: 0; padding: 0; background: white; font: 12px Arial; color: #303038; }
table { border: 1px solid #e0e0ff; border-collapse: collapse; }
td, th { border: 1px solid #e0e0ff; padding: 4px 6px; }
input { border: 1px solid #5080ff; width: 300px; }
select { border: 1px solid #5080ff; min-width: 300px; }
textarea { border: 1px solid #5080ff; width: 300px; height: 150px; }
a { color: #5080ff; }
a:visited { color: #333399; }
h1 { font: 18px Arial; color: #339; }
h1:before { content: ">> "; }
h2 { font: 16px Arial; color: #339; }
h2:before { content: "> "; }

/* messages */
.yz-message { margin: 12px 0; padding: 12px; font-size: 14px; }
.yz-error-message { font-size: 150%; color: #600; margin: 12px 0;  }
.yz-error { background: #FCC; border: 1px solid #F88; }
.yz-success { background: #CFC; border: 1px solid #8F8; }

/* layout */
.yz-admin-content { margin: 0 20px 0 220px; }


/* header */
.yz-admin-top { height: 80px; padding: 20px 0; border-bottom: 2px solid #5080ff; margin-bottom: 20px; }
.yz-logo { float: left; height: 80px; width: 200px; }
.yz-logo a { display: block; width: 84px; height: 80px; margin: 0 auto;
    background: url('../images/logo6-84x80.png') no-repeat left top; }
.yz-user-info { margin-left: 220px; }

/* bottom */
.yz-admin-bottom { clear: both; height: 100px; padding: 20px 0 0 220px;
    border-top: 2px solid #5080ff; margin-top: 20px;  }

/* left menu */
.yz-admin-left-menu { float: left; width: 180px; padding: 0 0 20px 20px; }
.yz-tasklist-entry { line-height: 140%; }
.yz-tasklist-entry a { display: block; }
.yz-admin-left-menu .yz-tasklist-entry { padding: 2px 0 2px 10px; font-size: 14px; }

/* tasklist (incl. front page) */
.yz-admin-tasklist { font-size: 18px; }
.yz-admin-tasklist .yz-tasklist-entry { background: white; padding: 4px 12px; }
.yz-tasklist-entry > .yz-tasklist-entry { font-size: 75%; }

.yz-menu-modules { padding: 12px; line-height: 140%; }
.yz-menu-modules-title {}

/* right menu */
.yz-admin-menu-actions { float: right; padding: 6px 12px;
    margin: -6px 20px 20px; /* compensate for padding, inline with header */
    width: 30%; border: 1px solid #5080ff; background: #f1f1ff; }
.yz-admin-menu-actions a { display: block; }
.yz-admin-menu-actions > span { float: left; cursor: pointer; font-weight: bold; color: #5080ff; }
.yz-admin-menu-actions .yz-menu-content { display: none; margin-left: 20px; }

/* form elements */

.yz-form-container { padding: 12px; background: #e4e4f0; }
.yz-form-element { margin: 12px 0; padding: 12px; border: 1px solid #ccf; }
.yz-form-label { height: 0; overflow: visible; }
.yz-form-label span { position: relative; top: -20px; background: #e4e4f0; padding: 0 6px; }
.yz-form-element._notnull .yz-form-label span:after { content: " *"; }
.yz-form-element-RichText textarea { width: 100%; height: 250px; display: none; }
.yz-form-element-Category ._value ._category { color: inherit; text-decoration: none; cursor: default; }
.yz-form-element-Category ._children { margin: 4px 12px; line-height: 133%; }
select.ui-datepicker-year { min-width: 0; }
